<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./common.css">
</head>
<body>
    <!-- body{padding:30 }预留logo位置, margin-top:-30 不用定位实现，没有离开文档流 -->
    <div id="anony-nav-banner" style="clear:both;overflow:hidden;background-color: #EDF4EC;margin-bottom: 30px;margin-top: -30px;">
        <h1 id="douban-logo" style="height: 20px;width: 102px;margin:7px 13px;background-size: contain;">
            <!-- 性能优化 爬虫可见 -->
            <a href="" style="height:20px">豆瓣</a>
        </h1>
    </div>
    <div id="anony-nav">
        <!-- 导航栏 -->
        <div class="anony-nav-links">
            <ul>
                <li><a href="" target="_blank" class="lnk-book">豆瓣读书</a></li>
                <li><a href="" target="_blank" class="lnk-movie">豆瓣电影</a></li>
                <li><a href="" target="_blank" class="lnk-music">豆瓣音乐</a></li>
                <li><a href="" target="_blank" class="lnk-events">豆瓣同城</a></li>
                <li><a href="" target="_blank" class="lnk-group">豆瓣小组</a></li>
                <li><a href="" target="_blank" class="lnk-read">豆瓣阅读</a></li>
                <li><a href="" target="_blank" class="lnk-fm">豆瓣FM</a></li>
                <li><a href="" target="_blank" class="lnk-shijian">豆瓣时间</a></li>
                <li><a href="" target="_blank" class="lnk-market">豆瓣豆品</a></li>
            </ul>
        </div>
        <div class="site-name" title="豆瓣网" style="display:inline-block;line-height: 24px;height:24px;margin-top: 4px;margin-right: 24px;width:73px;background-image: url(https://img3.doubanio.com/f/sns/714b8751a533ef592bea5cd4603dbb9e713ded61/pics/sns/sitename.png);background-size: contain;background-repeat: no-repeat;text-indent: -999em;">豆瓣网</div>
        <div class="anony-srh">
            <form action="">
                <span class="inp">
                    <input type="text" maxlength="60" size="12" placeholder="书籍、电影、音乐、小组、小站、成员" name="q" antocomplete="off">
                </span>
                <span class="bn">
                    <input type="submit" value="搜索">
                </span>
            </form>
        </div>
    </div>
    <!-- 热点内容 -->
    <div id="anony-sns" class="section">
        <div class="wrapper">
            <!-- ::before -->
            <!-- douban ad begin -->
            <div id="dele_anonymous_homepage_top_for_crazy_ad" ad-status="loaded"></div>
            <!-- douban ad end -->
            <div class="side">
                <div style="margin:10px 0px">
                    <div id="dale_anonymous_homepage_right_top">
                        <div style="position:relative;margin:0px 0px 20px;display: block;width:250px;height:125px;overflow: hidden;">
                            <!-- <iframe src="" style="overflow: hidden;display: block;">#document</iframe> -->
                            <img src="img1.jpg" width="250px" border="0" height="125px" style="position:absolute">
                            <div style="line-height:1;text-align:center;background-color:rgba(0,0,0,0.3);font-size:12px;position:absolute;right:0px">广告</div>
                        </div>
                    </div>
                </div>
                <div class="online"></div>
            </div>
            <div class="main"></div>
        </div>
    </div>
</body>
</html>